<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>BOM信息列表</title>
		<link rel="stylesheet" type="text/css" href="../../css/style.css" />
		<link rel="stylesheet" type="text/css" href="../../css/list.css" />
		<link rel="stylesheet" href="../../css/ztree/productTree.css" type="text/css">
		<link rel="stylesheet" href="../../css/ztree/zTreeStyle.css" type="text/css">
		<link rel="stylesheet" type="text/css" href="../../css/layui.css" />
		<style type="text/css">
			.nav {
				background-color: rgb(245, 250, 255);
				width: 100%;
				height: 30px;
				border-bottom: solid 1px rgb(130, 200, 240);
			}
			
			.nav li {
				display: block;
				line-height: 29px;
				width: 100px;
				border: solid 1px rgb(130, 200, 240);
				background-color: #e1ebfa;
				float: left;
				margin-left: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				text-align: center;
				box-sizing: border-box;
			}
			
			.nav_select {
				background-color: rgb(130, 200, 240) !important;
				color: white;
			}
			/* 工艺管理弹框样式 */
			
			.input_radio2 {
				width: 300px;
				height: 300px;
				text-align: center;
				position: absolute;
				top: 50%;
				left: 50%;
				margin-left: -150px;
				margin-top: -100px;
				background: rgb(245, 245, 245);
				border: 1px solid rgb(200, 200, 200);
				box-shadow: 5px 5px 5px rgb(100, 100, 100);
			}
			
			.input_radio2 p {
				text-align: center;
				height: 30px;
				background: rgb(68, 161, 248);
				line-height: 30px;
				color: white;
				margin-bottom: 25px;
			}
			
			.input_radio2 p {
				text-align: center;
				height: 30px;
				background: rgb(68, 161, 248);
				line-height: 30px;
				color: white;
				margin-bottom: 25px;
			}
			
			.input_radio2 .fs-wrap {
				width: 200px;
			}
		</style>
	</head>

	<body>
		<!-- 蓝色背景区域 -->
		<div class="wrap">
			<!-- 白色可用区域 -->
			<div class="canuse">
				<!------ 位置 ------>
				<p class="contentText local"><span>位置：基础数据管理 > BOM信息</span></p>

				<div class="flex-td-15 floatLeft" style="height: 100%;background: rgb(245, 250, 255);min-height: 400px;">
					<input style="width: 82px; margin: 5px 0 0 10px;" type="text" name="" id="projectSearch" value="" />
					<span style="margin-left: 10px; text-indent: 22px;" class="bgd_blue_search" onclick="TaskList.projectSearch();">查询</span>
					<div id="productTreeEBOM" class="ztree"></div>
				</div>
				<div class="flex-td-85 floatLeft">
					<!------ tab标签 ------>
					<div class="layui-tab layui-tab-card">
						<ul class="layui-tab-title">
							<li class="layui-this">EBOM信息</li>
							<li>工序BOM信息</li>
						</ul>
						<div class="layui-tab-content">
							<div class="layui-tab-item layui-show">
								<div class="content">
									<!-- 列表区 -->
									<div class="show_list">
										<div class="title_operate">
											<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>EBOM信息列表</span></h4>

											<!-- 操作类型区 -->
											<div class="operate_area">
												<a class="bgd_delete img_hand" id="del_EBOM">删除</a>
												<a class="bgd_modify img_hand" id="exportEBOM">导入</a>
												<a class="bgd_export img_hand" id="downloadEBOMTemplate">模板</a>
											</div>
										</div>
										<div class="list_area">
											<!-- 信息列表区 -->
											<div id="tableArea">
												<div class="info_area">
													<table class="tablelist" border="1" cellspacing="0" cellpadding="0">
														<tbody>
															<tr class="menuText list_head">
																<th class="">EBOM名称</th>
																
																<th class="">产品代号</th>
																<th class="">零部件号</th>
															</tr>
														</tbody>
														<tbody class="tablelist">
															<tr class="listTableText list_list">
																<td>EBOM test</td>
																
																<td>产品1</td>
																<td>零件1-1</td>
															</tr>
														</tbody>
													</table>
												</div>
												<div class="info_area">
													<table class="tablelist" border="1" cellspacing="0" cellpadding="0">
														<tbody>
															<tr class="menuText list_head">
																<th class="checkSelectAll"></th>
																<th class="">序号</th>
																<th class="">物料编号</th>
																<th class="">物料名称</th>
																<th class="">装配数量</th>
																<th class="">单位</th>
																<th class="">规格型号</th>
																<th class="">物料类型</th>
																<th class="">密级</th>
																<th class="">备注</th>
															</tr>
														</tbody>
														<tbody class="tablelist">
															<tr class="listTableText list_list">
																<td><input type="checkbox" class="input_checkBox" name="" id="" value=""></td>
																<td>1</td>
																<td>
																	<a class="cursor editBlue" href="EBOMInfoUpdate.html">物料001</a>
																</td>
																<td>物料名3</td>
																<td>5</td>
																<td>盘</td>
																<td>型号-01</td>
																<td>盘状</td>
																<td>秘密</td>
																<td>备注测试</td>
															</tr>
															<tr class="listTableText list_list">
																<td><input type="checkbox" class="input_checkBox" name="" id="" value=""></td>
																<td>2</td>
																<td>
																	<a class="cursor editBlue" href="EBOMInfoUpdate.html">物料002</a>
																</td>
																<td>物料名3</td>
																<td>5</td>
																<td>盘</td>
																<td>型号-01</td>
																<td>盘状</td>
																<td>机密</td>
																<td>备注测试</td>
															</tr>
															<tr class="listTableText list_list">
																<td><input type="checkbox" class="input_checkBox" name="" id="" value=""></td>
																<td>3</td>
																<td>
																	<a class="cursor editBlue" href="EBOMInfoUpdate.html">物料003</a>
																</td>
																<td>物料名3</td>
																<td>5</td>
																<td>盘</td>
																<td>型号-01</td>
																<td>盘状</td>
																<td>机密</td>
																<td>备注测试</td>
															</tr>
														</tbody>
													</table>
												</div>
												<!-- 页码区域 -->
												<div class="page_area contentText clear">
													<div class="page_sum">
														共<span class="page_number"> 3 </span>页&emsp;每页 10 条&emsp;共<span class="info_sum"> 3 </span>条记录
													</div>
													<div class="page_jump">
														<span>跳转到&emsp;第</span>
														<input type="text" name="" id="" value="" />
														<span>页&emsp;</span>
														<button>Go</button>
													</div>
													<div class="page-pull-right async-page">
														<button>上一页</button>
														<button class="select_page">1</button>
														<button>2</button>
														<button>3</button>
														<button style="color: rgb(30, 30, 30);">▪▪▪</button>
														<button>98</button>
														<button>99</button>
														<button>100</button>
														<button>下一页</button>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="layui-tab-item">
								<div class="content">
									<!-- 列表区 -->
									<div class="show_list">
										<div id="" class="show_search">
											<h4 class="sel_title">
                                        <img src='../../img/list/brand1.png' id="" class="" name=""/>
                                        <span  id="" class="">工序BOM信息查询条件</span>
                                        </h4>
											<div id="searchContent" class="show_area contentText clear">
												<form method='post' class="select_text" name="" id="formArea">
													<div id="" class="label_input">
														<label id="" class="contentText">&emsp;工艺编号:</label>
														<select>
															<option value=''>--请选择--</option>
															<option>08</option>
														</select>
													</div>
													<div id="" class="label_input">
														<label id="" class="contentText">&emsp;工艺版本:</label>
														<select>
															<option value=''>--请选择--</option>
															<option value=''>手动版本</option>
															<option>自动版本</option>
														</select>
													</div>
													<div id="" class="label_input">
														<label id="" class="contentText">&emsp;&emsp;工序号:</label>
														<select>
															<option value=''>--请选择--</option>
															<option value=''>1</option>
															<option>2</option>
														</select>
													</div>
													<div id="" class="label_input">
														<label id="" class="contentText">&emsp;工序名称:</label>
														<select>
															<option value=''>--请选择--</option>
															<option value=''>rh1</option>
															<option>rh2</option>
														</select>
													</div>
												</form>
												<div id="" class="label_input">
													<button class="btn_search bgd_blue_search" name="" id="search">查询</button>
													<button class="btn_clear bgd_white_clear" name="" id="searchClear">重置</button>
												</div>
											</div>
										</div>
										<div class="title_operate">

											<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>工序BOM信息列表</span></h4>

											<!-- 操作类型区 -->
											<div class="operate_area">
												<a class="bgd_delete img_hand" id="del">删除</a>
												<a class="bgd_modify img_hand" id="exportBOM">导入</a>
												<a class="bgd_version img_hand" id="downloadTemplate">模板</a>
											</div>
										</div>
										<div class="list_area">
											<!-- 信息列表区 -->
											<div id="tableArea">
												<div class="info_area">
													<table class="tablelist" border="1" cellspacing="0" cellpadding="0">
														<tbody>
															<tr class="menuText list_head">
																<th class="">工序BOM名称</th>
																
																<th class="">产品代号</th>
																<th class="">零部件号</th>
																<th class="">工艺编号</th>
																<th class="">工艺版本</th>
															</tr>
														</tbody>
														<tbody class="tablelist">
															<tr class="listTableText list_list">
																<td>工序BOM TEST</td>
																
																<td>产品1</td>
																<td>零件1-1</td>
																<td>TECH001</td>
																<td>手动版本</td>
															</tr>
														</tbody>
													</table>
												</div>
												<div class="info_area">
													<table class="tablelist" border="1" cellspacing="0" cellpadding="0">
														<tbody>
															<tr class="menuText list_head">
																<th class="checkSelectAll"></th>
																<th class="">序号</th>
																<th class="">物料编号</th>
																<th class="">工序号</th>
																<th class="">工序名称</th>
																<th class="">物料名称</th>
																<th class="">装配数量</th>
																<th class="">单位</th>
																<th class="">规格型号</th>
																<th class="">物料类型</th>
																<th class="">密级</th>
																<th class="">备注</th>
															</tr>
														</tbody>
														<tbody class="tablelist">
															<tr class="listTableText list_list">
																<td><input type="checkbox" class="input_checkBox" name="" id="" value=""></td>
																<td>1</td>
																<td>
																	<a class="cursor editBlue" href="BOMInfoUpdate.html">物料001</a>
																</td>
																<td>工序01</td>
																<td>工序名test</td>
																<td>物料名3</td>
																<td>5</td>
																<td>盘</td>
																<td>型号-01</td>
																<td>盘状</td>
																<td>秘密</td>
																<td>备注测试</td>
															</tr>
															<tr class="listTableText list_list">
																<td><input type="checkbox" class="input_checkBox" name="" id="" value=""></td>
																<td>2</td>
																<td>
																	<a class="cursor editBlue" href="BOMInfoUpdate.html">物料002</a>
																</td>
																<td>工序01</td>
																<td>工序名test</td>
																<td>物料名3</td>
																<td>5</td>
																<td>盘</td>
																<td>型号-01</td>
																<td>盘状</td>
																<td>秘密</td>
																<td>备注测试</td>
															</tr>
															<tr class="listTableText list_list">
																<td><input type="checkbox" class="input_checkBox" name="" id="" value=""></td>
																<td>3</td>
																<td>
																	<a class="cursor editBlue" href="BOMInfoUpdate.html">物料003</a>
																</td>
																<td>工序01</td>
																<td>工序名test</td>
																<td>物料名3</td>
																<td>5</td>
																<td>盘</td>
																<td>型号-01</td>
																<td>盘状</td>
																<td>秘密</td>
																<td>备注测试</td>
															</tr>
														</tbody>
													</table>
												</div>
												<!-- 页码区域 -->
												<div class="page_area contentText clear">
													<div class="page_sum">
														共<span class="page_number"> 3 </span>页&emsp;每页 10 条&emsp;共<span class="info_sum"> 3 </span>条记录
													</div>
													<div class="page_jump">
														<span>跳转到&emsp;第</span>
														<input type="text" name="" id="" value="" />
														<span>页&emsp;</span>
														<button>Go</button>
													</div>
													<div class="page-pull-right async-page">
														<button>上一页</button>
														<button class="select_page">1</button>
														<button>2</button>
														<button>3</button>
														<button style="color: rgb(30, 30, 30);">▪▪▪</button>
														<button>98</button>
														<button>99</button>
														<button>100</button>
														<button>下一页</button>
													</div>
												</div>
												<div>
												</div>
											</div>
										</div>
									</div>
								</div>
								
								<!-- 版尾  -->
								<div class="ending">
									Copyright© 2019-2020 磐基技术有限公司
								</div>
							</div>
							<div id="exportBOMDiv" class="mask hidden">
									<div class="input_radio2">
										<p>导入BOM文件</p>
										<div id="popWindow">
											请选择：<input type="file" id="productTechnologyInput">
										</div>
										<div style="position: absolute;bottom: 10px;left: 75px;">
											<input class="bgd_blue_two img_hand contenText" type="button" value="提交" onclick="exportBOMFile()">
											<input class="bgd_blue_two img_hand contenText" type="button" value="取消" onclick="cancel()">
										</div>
									</div>
								</div>

								<!-- 等待加载 -->
								<!--<div class="loader"><p class="load_hint">请等待加载••••••</p></div>-->

	</body>

	<script type="text/javascript" src="../../js/3rd/ztree/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="../../js/3rd/ztree/jquery.ztree.core.parts-3.5.js"></script>
	<script type="text/javascript" src="../../js/3rd/ztree/jquery.ztree.excheck-3.5.js"></script>
	<script type="text/javascript" src="../../js/3rd/ztree/jquery.ztree.exedit-3.5.js"></script>
	<script type="text/javascript" src="../../js/baseData/ebomProductTree.js"></script>
	<script type="text/javascript" src="../../js/baseData/bomProductTree.js"></script>
	<script src="../../js/layui.js" type="text/javascript" charset="utf-8"></script>

	<script src='../../js/3rd/jquery-1.9.1.min.js' type='text/javascript' charset='utf-8'></script>

	<script src='../../js/common/common.js' type='text/javascript' charset='utf-8'></script>
	<script type="text/javascript">
		// 点击增加
		function addParam(id){
			var info = $(".layui-this").html();
			if(info=="EBOM信息"){
				window.location.href="EBOMInfoAdd.html"
			}else{
				window.location.href="BOMInfoAdd.html"
			}
			
		}
		
		// 导航栏页签绑定
		$(function() {
			$("#nav li").click(function() {
				$(this).siblings().removeClass("nav_select");
				$(this).addClass("nav_select");
				var showAreaId = $(this).attr("nav");
				$(".contentArea").addClass("hidden");
				$("#" + showAreaId).removeClass("hidden");
			})
		});

		/* 点击显示子信息 */
		function showChildInfo() {
			$("#childTableArea").removeClass("hidden");
		}

		// 点击新增通用工艺
		$("#toAddJsp").click(function() {
			window.location.href = 'BOMInfoAdd.html';

		});

		// 删除
		$("#del_EBOM").click(function() {
			var checks = $("input[type='checkbox']:checked");
			if(checks.length > 0) {
				var id = checks[0].id;
				// 删除
				alert("删除");
			} else {
				alert("请选择至少一条计划信息删除！");
			}
		});

		// 删除
		$("#del").click(function() {
			var checks = $("input[type='checkbox']:checked");
			if(checks.length > 0) {
				var id = checks[0].id;
				// 删除
				alert("删除");
			} else {
				alert("请选择至少一条计划信息删除！");
			}
		});

		// 导入EBOM
		$("#exportEBOM").click(function() {
			$("#exportBOMDiv").removeClass("hidden");
		});

		// 点击下载EBOM模板
		$("#downloadEBOMTemplate").click(function() {
			alert("下载EBOM模板");
		});

		// 导入
		$("#exportBOM").click(function() {
			$("#exportBOMDiv").removeClass("hidden");
		});

		//弹框点击取消
		function cancel() {
			$("#exportBOMDiv").addClass("hidden");
		}

		// 点击提交
		function exportBOMFile() {
			$("#exportBOMDiv").addClass("hidden");
		}

		// 点击下载模板
		$("#downloadTemplate").click(function() {
			alert("下载BOM模板");
		});

		layui.use('element', function() {
			var $ = layui.jquery,
				element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块

			//触发事件：添加、删除、切换
			var active = {
				tabAdd: function() {
					//新增一个Tab项
					element.tabAdd('demo', {
						title: '新选项' + (Math.random() * 1000 | 0),
						content: '内容' + (Math.random() * 1000 | 0),
						id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下
					})
				},
				tabChange: function() {
					//切换到指定Tab项
					element.tabChange('demo', '22'); //切换到：“用户管理”
				}
			};

			$('.site-demo-active').on('click', function() {
				var othis = $(this),
					type = othis.data('type');
				active[type] ? active[type].call(this, othis) : '';
			});

			//Hash地址的定位
			var layid = location.hash.replace(/^#test=/, '');
			element.tabChange('test', layid);

			element.on('tab(test)', function(elem) {
				location.hash = 'test=' + $(this).attr('lay-id');
			});
			
		});
	</script>

	<!--<script src="../../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/frame/common.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var h = document.documentElement.clientHeight;
		$(".wrap").css("height", h);
		
		// 获取每行 td 的兄弟节点
		$("td").hover(   
			function () {      
				$(this).parent().children().addClass("td_hover");   
			},    
			function () {      
				$(this).parent().children().removeClass("td_hover");   
			}
		);
		
		
		//删除规则
	    function delUserGroup() {
			
	        var list = [];
	        var checks = $("input[name='ids']:checked");
	        $.each(checks, function(index, obj) {
	            list.push(obj.id);
	        });
	        if (!list.length > 0) {
	            alert("请选择要删除的内容");
	            return;
	        }
	        if (!confirm("确定要删除所选用户组吗？")) {
	            return;
	        }
	        alert("提醒:删除时，正在使用的用户组将无法删除！");
	        $.ajax({
	            type : 'POST',
	            url : 'userGroup/delUserGroup',
	            data : JSON.stringify(list),
	            contentType : 'application/json; charset=utf-8',
	            async : true,
	            cache : false,
	            success : function(data) {
	                alert(data == 'success' ? "删除成功" : "被使用：无法删除!!!");
	                if (data != 'success') {
	                    return;
	                }
	
	                var current = PageUtils._currentPage['userGroupPage'];
	                PageUtils.pageClick(current, 'userGroupPage');
	            }
	
	        });
	    }
	</script>-->

</html>